<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
    <title>億和</title>
    <link href="{APP_PATH}statics/front/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/Swiper/3.0.7/css/swiper.min.css" rel="stylesheet">
    <link href="{APP_PATH}statics/front/css/index.css" rel="stylesheet" type="text/css" />
    <link href="{APP_PATH}statics/front/css/owl-carousel.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 menu">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="logo" href="index.html"><img src="{APP_PATH}statics/front/images/logo.png" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="row navbar-collapse collapse" id='navbar'>


                    <ul class="nav navbar-nav">


                        {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
                        {loop $data $r}
                        <li> <a href="{$r[url]}">{$r[catname]}</a> </li>
                        {/loop}
                        {/pc}

                        
                        <li class="lang">
                            <div class="dropdown">
                                <span>語言</span>
                                <button class="btn btn_yh dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                    <span class="selected"><img src="{APP_PATH}statics/front/images/chinese.png" alt="" class="lang_img">中文</span>
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"><img src="{APP_PATH}statics/front/images/chinese.png" alt="" class="lang_img">中文</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"><img src="{APP_PATH}statics/front/images/japanese.png" alt="" class="lang_img">日文</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"><img src="{APP_PATH}statics/front/images/english.png" alt="" class="lang_img">英语</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="line"></div>
        <div class="slider">
            <ul class="list-unstyled">
                <li><img src="{APP_PATH}statics/front/images/banner.jpg" alt="" class="img-responsive center-block"></li>
                <li><img src="{APP_PATH}statics/front/images/banner.jpg" alt="" class="img-responsive center-block"></li>
                <li><img src="{APP_PATH}statics/front/images/banner.jpg" alt="" class="img-responsive center-block"></li>
            </ul>
        </div>
        <div class="dots_mail">
            <div class="container">
                <div class="row">
                    <ul class="list-unstyled">
                        <li class="col-xs-4">
                            <div class="border">
                                <h5>電子產業</h5>
                                <div class="col-xs-12">
                                    <img src="{APP_PATH}statics/front/images/dots_1_03.jpg" alt="" class="img-responsive center-block">
                                </div>
                            </div>
                        </li>
                        <li class="col-xs-4">
                            <div class="border">
                                <h5>汽車產業</h5>
                                <div class="col-xs-12">
                                    <img src="{APP_PATH}statics/front/images/dots_1_03.jpg" alt="" class="img-responsive center-block">
                                </div>
                            </div>
                        </li>
                        <li class="col-xs-4">
                            <div class="border">
                                <h5>通訊與智能穿戴產業</h5>
                                <div class="col-xs-12">
                                    <img src="{APP_PATH}statics/front/images/dots_1_03.jpg" alt="" class="img-responsive center-block">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container" id="content">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4">
                <h2>億和客戶</h2>
                <div class="about">
                    <ul class="list-unstyled">
                        <li><img src="{APP_PATH}statics/front/images/about_pic_1.jpg" alt="" class="img-responsive center-block"></li>
                        <li><img src="{APP_PATH}statics/front/images/about_pic_2.jpg" alt="" class="img-responsive center-block"></li>
                        <li><img src="{APP_PATH}statics/front/images/about_pic_3.jpg" alt="" class="img-responsive center-block"></li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <h2>公告信息</h2>
                <div class="col-xs-12">
                    <ul class="list-unstyled row list_type">
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">授出購股權</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">董事名單與其角色和職能</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">盈利警告</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">董事名單與其角色和職能</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">授出購股權</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">董事名單與其角色和職能董事名單與其角色和職能</a></span>
                        </li>
                    </ul>
                    <div class="row">
                        <span class="more"><a href="#">查看更多</a></span>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <h2>億和布局</h2>
                <div class="map_pic">
                    <img src="{APP_PATH}statics/front/images/map.jpg" alt="" class="img-responsive center-block">
                </div>
                <div class="area">美國</div>
                <div class="area">歐洲</div>
                <div class="area">深圳</div>
                <div class="area">重慶</div>
                <div class="area">武漢</div>
                <div class="area">香港</div>
                <div class="area">韓國</div>
                <div class="area">日本</div>
                <div class="area">蘇州</div>
                <div class="area">中山</div>
                <div class="area">越南</div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <h2>股票價格</h2>
                <img src="{APP_PATH}statics/front/images/gp_1_03.gif" alt="" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <h2>企業新聞</h2>
                <div class="col-xs-12">
                    <ul class="list-unstyled row list_type">
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">新常態 新格局 新輝煌—億和</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">2015年經營目標與戰略發布會</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">億和控股在第五屆香港外展衛</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">董事名單與其角色和職能</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">授出購股權</a></span>
                        </li>
                        <li>
                            <span class="time">2015-06-01</span>
                            <span class="col-xs-8 news_li"><a href="news_detail.html">董事名單與其角色和職能董事名單與其角色和職能</a></span>
                        </li>
                    </ul>
                    <div class="row">
                        <span class="more"><a href="#">查看更多</a></span>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <h2>相關鏈接</h2>
                <p>
                    <a href="#"><img src="{APP_PATH}statics/front/images/link_1.jpg" alt="" class="img-responsive"></a>
                </p>
                <p>
                    <a href="#"><img src="{APP_PATH}statics/front/images/link_2.jpg" alt="" class="img-responsive"></a>
                </p>
                <p>
                    <a href="#"><img src="{APP_PATH}statics/front/images/link_3.jpg" alt="" class="img-responsive"></a>
                </p>
                <p>
                    <a href="#"><img src="{APP_PATH}statics/front/images/link_4.jpg" alt="" class="img-responsive"></a>
                </p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="owl-carousel" id="contact_box">
                        <div class="contact">
                            <h4>關於億和</h4>
                            <ul class="list-unstyled">
                                <li><a href="">集團介紹</a></li>
                                <li><a href="">主席致辭</a></li>
                                <li><a href="">企業理念與展望</a></li>
                                <li><a href="">公司概況</a></li>
                                <li><a href="">管理層</a></li>
                                <li><a href="">企業錄像帶</a></li>
                                <li><a href="">集團榮譽室</a></li>
                                <li><a href="">集團發展歷程</a></li>
                                <li><a href="">環境保護</a></li>
                            </ul>
                        </div>
                        <div class="contact">
                            <h4>集團業務</h4>
                            <ul class="list-unstyled">
                                <li><a href="">電子產業</a></li>
                                <li><a href="">汽車產業</a></li>
                                <li><a href="">通訊與智能穿戴產業</a></li>
                            </ul>
                        </div>
                        <div class="contact">
                            <h4>客户/供應商</h4>
                            <ul class="list-unstyled">
                                <li><a href="">客戶</a></li>
                                <li><a href="">供應商</a></li>
                            </ul>
                        </div>
                        <div class="contact">
                            <h4>投資者關係</h4>
                            <ul class="list-unstyled">
                                <li><a href="">財務報告</a></li>
                                <li><a href="">公告</a></li>
                                <li><a href="">公司簡報</a></li>
                                <li><a href="">股份資料</a></li>
                                <li><a href="">企業管治</a></li>
                                <li><a href="">投資者聯絡資料</a></li>
                                <li><a href="">傳媒聯絡資料</a></li>
                            </ul>
                        </div>
                        <div class="contact">
                            <h4>集團動態</h4>
                            <ul class="list-unstyled">
                                <li><a href="">最新消息</a></li>
                                <li><a href="">企業文化</a></li>
                                <li><a href="">企業视像</a></li>
                            </ul>
                        </div>
                        <div class="contact">
                            <h4>聯絡我們</h4>
                            <ul class="list-unstyled">
                                <li><a href="">人才引進熱線</a></li>
                                <li><a href="">業務諮詢熱線</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 copyright">
                    <p><span>版權 2015 © </span><span>億和精密工業控股有限公司</span><span>本公司保留一切版權免責聲明</span></p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="{APP_PATH}statics/front/js/owl-carousel.js"></script>
<script src="{APP_PATH}statics/front/js/unslider.js"></script>
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
      <script>
      $(function() {
        $('#contact_box').owlCarousel({
            items: 6,
            itemsDesktop: [1199, 6],
            itemsDesktopSmall: [991, 6],
            itemsTablet: [767, 4],
            itemsMobile: [479, 2]
        });
        var obj_color = $('#content').find(".area");
        var arr_color = new Array("#0062bb", "#f05bb0", "#ee121e", "#3b3996", "#d0c82b", "#4bb67e", "#caa600", "#663e1b", "#f59d18", "#2db0f1", "#bd7a9c");
        for (var j = 0; j < obj_color.length; j++) {
            if (j >= arr_color.length) {
                $(obj_color[j]).css("background", arr_color[j % arr_color.length]);
            } else {
                $(obj_color[j]).css("background", arr_color[j]);
            }
        }
        $('.slider').unslider({
            fluid: true,
            dots: ".dots",
            keys: true,
            autoplay: false
            // loop: true
        });
        $('.about').unslider({
            fluid: true,
        // speed:2000,
        // delay:10,
        autoplay: true
    });

    });
</script>

</html>
